<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>ProCal-ProSer</title>
	
	<!-- bootstrap -->
	<link href="../../template/css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="../../template/css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/elements.css">

	<!-- this page specific styles -->
 	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/wizard.css">
	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
	<script src="../../template/js/jquery.js"></script>
	
<body>
	<script src="../../javascript/Seguridad/header.js"></script>
	<div class="container">
		<div class="row">
			<div class="col-md-2" id="nav-col">
				<script src="../../javascript/Seguridad/section.js"> </script>
			</div>
			
			<div class="col-md-10 col-sm-11" id="content-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1>Grupos</h1>
						<div class="row">
							<div class="col-lg-12">

								<div class="main-box clearfix">
									<h3>Datos del Grupo</h3>
				                    
		                            <div class="row">
		                                <div class="col-lg-6">
		                                    <form role="form" action="" id="form">
		                                        <div class="form-group">
		                                            <label>Nombre de Grupo</label>
		                                            <input type="text" id="NOMBRE" name="NOMBRE" class="form-control" readonly>
		                                        </div>

		                                        <div class="form-group">
		                                            <label>Fecha de Creacion</label>
		                                            <input type="text" id="FECHA" name="FECHA" class="form-control" readonly>
		                                        </div>

		                                        <div class="form-group">
		                                            <label>Descripción</label>
		                                            <textarea class="form-control" id="DESCRIPCION" name="DESCRIPCION" rows="2" readonly></textarea>
		                                        </div>

		                                        <h3>Miembros del Grupo</h3>

		                                        <div class="form-group">
		                                            <label>Responsable</label>
		                                            <input type="text" class="form-control" id="RESPONSABLE" name="RESPONSABLE" readonly>
		                                        </div>

		                                        <div class="form-group">
		                                            <label>Integrantes del grupo</label>
		                                            <textarea class="form-control" id="INTEGRANTES" name="INTEGRANTES" rows="2" readonly></textarea>
		                                        </div>

		                                        <div style="padding-left: 450px;">
		                                        	<button type="button" class="btn btn-default"  onclick="location.href='ViewListaGrupo.html' ">Regresar</button>
		                                        </div>
		                                    </form>
		                                </div>
		                                <!-- /.col-lg-6 (nested) -->
		                            </div>
		                            <!-- /.row (nested) -->								
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
			
		</div>
	</div>
	<footer id="footer-bar">
		<p id="footer-copyright">
			&copy; 2014 INV-TOOL. Powered by Nadya - Albert
		</p>
	</footer>
	
	<!-- global scripts -->
	<script src="../../javascript/Busqueda/Busqueda.js"></script>
	<script src="../../javascript/Seguridad/interfaz.js"></script>
	<script src="../../template/js/bootstrap.js"></script>
	
	<!-- this page specific scripts -->
	<script src="../../javascript/Administracion_Usuario_Grupo/grupoVer.js"></script>
	
	<!-- theme scripts -->
	<script src="../../template/js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->
	
</body>
</html>